.content {
	display: flex;
	flex-direction: column;
}

.imageHeadView {
	display: flex;
	flex-direction: column;
	align-items: center;
	justify-content: center;
	padding-top: 40rpx;
	padding-bottom: 30rpx;
	background-color: #FFF;
	margin-bottom: 2rpx;
}

.imageHead {
	width: 180rpx;
	height: 180rpx;
	border-radius: 50%;
	background: #f5f5f5;
}

.headTitle {
	font-size: 30rpx;
	font-weight: 400;
	color: #333333;
	margin-top: 30rpx;
}

.itemView {
	height: 100rpx;
	background: #FFFFFF;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: space-between;
	border-top: 1px solid #f5f5f5;
}


.itemTitle {
	flex: 1;
	font-size: 28rpx;
	color: #333333;
	margin-left: 30rpx;
}

.itemText {
	font-size: 28rpx;
	color: #333;
	margin-left: 10rpx;
	margin-right: 30rpx;
	text-align: right;
}
.icon{
	display: inline-block;
	width: 32rpx;
	height: 32rpx;
	background-image: url('/static/arrow.png');
	background-size: cover;
	background-repeat: no-repeat;
}

.nextImage {
	width: 14rpx;
	height: 26rpx;
	margin-right: 30rpx;
}

.itemBottom {
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-top: 50rpx;
	margin-bottom: 100rpx;
}

.logoutView {
	flex: 1;
	border: 2rpx solid #D6D6D6;
	border-radius: 46rpx;
	margin-left: 30rpx;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
	margin-right: 25rpx;
	font-size: 30rpx;
	color: #999999;
}

.exitView {
	flex: 1;
	display: flex;
	flex-direction: row;
	align-items: center;
	justify-content: center;
	margin-left: 25rpx;
	background: #D6D6D6;
	border-radius: 36rpx;
	margin-right: 30rpx;
	padding-top: 20rpx;
	padding-bottom: 20rpx;
}

.slot-content {
	display: flex;
	flex-direction: column;
}

.inputView {
	height: 70rpx;
	background: #F5F5F5;
	border-radius: 10rpx;
	margin: 40rpx 20rpx;
	padding: 0px 20rpx;
	font-size: 30rpx;
	color: #333333;
}
